import Vue from "vue";
import VueRouter from "vue-router";

const Props = () => import("@/views/Props")
const Event = () => import("@/views/Event")
const Model = () => import("@/views/Model")
const Sync = () => import("@/views/Sync")
const AttrsListeners = () => import('@/views/AttrsListeners')
const ChildrenRarent = () => import('@/views/ChildrenRarent')
const Other = () => import('@/views/Other')
const Ref = () => import('@/views/Ref')
const Root = () => import('@/views/Root')
const ProviderInject = () => import('@/views/ProviderInject')

Vue.use(VueRouter)

export default new VueRouter({
  mode:"history",
  routes:[
    {
      path:'/props',
      component:Props,
      name:'props'
    },
    {
      path:'/event',
      component:Event,
      name:'event'
    },
    {
      path:'/model',
      component:Model,
      name:'model'  
    },
    {
      path:'/sync',
      component:Sync,
      name:'sync'  
    },
    {
      path:'/attrsListeners',
      component:AttrsListeners,
      name:'attrsListeners'
    },
    {
      path:'/childrenRarent',
      component:ChildrenRarent,
      name:'childrenRarent'
    },
    {
      path:'/other',
      component:Other,
      name:'other'
    },
    {
      path:'/ref',
      component:Ref,
      name:'ref'
    },
    {
      path:'/root',
      component:Root,
      name:'root'
    },
    {
      path:'/providerInject',
      component:ProviderInject,
      name:'providerInject'
    }
  ]
})